<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>创建活动-新会员招募</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css">
</head>

<body>
<div class="page-group">
    <div class="page create-activity" id="smCreateNewPage">

        <!-- 初始化创建活动页面-->
        <script type="text/template" id="initActivityNewMemberTPL">
                <div class="quan-area">
                    <div class="quan">
                        <div class="price">
                        <span><i>¥</i>{{voucherWorthValue.split(".")[0]}}<b>
                        {{if voucherWorthValue.split(".").length>1}}
                        .{{voucherWorthValue.split(".")[1]}}
                        {{/if}}</b></span></div>
                        <div class="type">全场代金券</div>
                        <div class="info-list">
                            <div>
                                <ul>
                                    <li>消费满{{voucherMinConsume}}元可用</li>
                                    <li>券有效期：领取后{{voucherRelativeTime}}天</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="activity-setting">
                    <div>
                        <ul class="item-list">
                            <li class="ac-date">
                                <div>
                                    <p>活动开始</p>
                                    <input type="text" class="activityStartTime" id="activityStartTime" placeholder="请选择开始日期" value="{{activityStartTime}}">
                                </div>
                                <div class="date-icon">
                                    <i class="zhk-activity_rl"></i>
                                </div>
                                <div>
                                    <p>活动结束</p>
                                    <input type="text" class="activityEndTime" id="activityEndTime" placeholder="请选择结束日期" value="{{activityEndTime}}">
                                </div>
                            </li>
                            <li>
                                <span>自动续期</span>
                                <div>
                                    <label class="label-switch">
                                        <input type="checkbox" checked class="autoDelayFlag">
                                        <div class="checkbox"></div>
                                    </label>
                                </div>
                            </li>
                            <li class="qudao-item">
                                <span>投放渠道</span>
                                <ul id="channels">
                                    <li class="channel_zfb checked disabled" channel_val="SHOP_DETAIL">
                                        <div class="qd-icon zfb"><i class="zhk-detail_zfb"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>支付宝</p>
                                    </li>

                                {{if newMemberShow}}
                                    <li class="checked" channel_val="POS">
                                        <div class="qd-icon xp"><i class="zhk-activity_xp"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>收银小票</p>
                                    </li>
                                    <li class="channel_kbk" channel_val="COMMISSION_SETTING">
                                        <div class="qd-icon kbk"><i class="zhk-activity_kbk"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>口碑客</p>
                                    </li>
                                {{/if}}
                                </ul>
                            </li>


                        </ul>
                        <a class="link-to-otherSetting" href="">其它设置</a>
                    </div>
                </div>


                {{if newMemberShow}}
                <div class="activity-expect-effect">
                    <div class="expect-effect">
                        <div class="expect-data-wrap">
                            <div class="expect-data">
                                <div class="expect-data-title">
                                    <i class="zhk-activity_yq"></i>
                                    预期效果
                                </div>
                                <ul>
                                    <li>
                                        <span>新增会员(人)</span>
                                        <div>{{verifyCountRangeMin}} ~ {{verifyCountRangeMax}}</div>
                                    </li>
                                    <li>
                                        <span>增加营业收入(元)</span>
                                        <div>{{tradeAmtRangeMin}} ~ {{tradeAmtRangeMax}}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    {{/if}}
                     <div class="btn-wrap">
                        <div class="btn submit">提交</div>
                    </div>
                </div>
        </script>
        <script type="text/template" id="defaultViewTPL">
            {{if defaultShow}}
             <div class="form-btn">
                <div class="cancel default">恢复默认</div>
                <div class="sure submit">提交</div>
            </div>
            {{else}}

            <div class="btn submit">提交</div>
            {{/if}}
        </script>

        <script type="text/template" id="voucherViewTPL">
            <div class="quan">
                <div class="price"><span><i>¥</i>{{voucherWorthValue.split(".")[0]}}<b>
                {{if voucherWorthValue.split(".").length>1}}
                .{{voucherWorthValue.split(".")[1]}}
                {{/if}}</b></span></div>
                <div class="type">全场代金券</div>
                <div class="info-list">
                    <div>
                        <ul>
                            <li>消费满{{voucherMinConsume}}元可用</li>
                            <li>券有效期：领取后{{voucherRelativeTime}}天</li>
                        </ul>
                    </div>
                </div>
            </div>
        </script>

        <script type="text/template" id="expectEffectTPL">
                {{if isBetter || isBetter ==null}}
                <div class="expect-effect">
                    <div class="expect-data-wrap">
                        <div class="expect-data">
                            <div class="expect-data-title">
                                <i class="zhk-activity_yq"></i>
                                预期效果
                            </div>
                            <ul>
                                <li>
                                    <span>新增会员(人)</span>
                                    <div>{{verifyCountRangeMin}} ~ {{verifyCountRangeMax}}</div>
                                </li>
                                <li>
                                    <span>增加营业收入(元)</span>
                                    <div>{{tradeAmtRangeMin}} ~ {{tradeAmtRangeMax}}</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                {{/if}}


               {{if isBetter == "undefined"||isBetter==null}}
                    <div class="btn-wrap">
                        <div class="btn submit">提交</div>
                    </div>
                {{else}}
                    <div class="expect-effect">
                        <div class="expect-result">
                            {{if !isBetter }}
                            <i class="zhk-activity_down"></i>预期效果降低啦
                            {{ else }}
                                <i class="zhk-activity_up"></i>预期效果升高啦
                             {{/if}}
                        </div>
                    </div>
                    <div class="btn-wrap">
                        <div class="form-btn">
                            <div class="cancel default">恢复默认</div>
                            <div class="sure submit">提交</div>
                        </div>
                    </div>
                {{/if}}
        </script>



        <div class="scroll-view">
            <ul class="header">
                <li class="left"><a href="#" class="back"><i class="zhk-nav_back"></i>返回</a></li>
                <li class="middle">新会员招募</li>
                <li class="right"></li>
            </ul>
            <div class="page-body">


            </div>
            <div class="dailog-form" id="df-yhq">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置优惠券
                            </div>
                        </li>
                        <li>
                            <span>券面额</span>
                            <div>
                                <input type="number" placeholder="请填写" class="input-money voucherWorthValue" onfocus="this.select()"
                                onkeyup="if(parseFloat(value)/999.99>=1){value=999.99}"
                            />元
                            </div>
                        </li>
                        <li>
                            <span>券消费门槛</span>
                            <div>
                                订单满<input type="number" maxlength="" class="input-money-order voucherMinConsume"  onfocus="this.select()"
                                placeholder="请填写"
                                onkeyup="if(parseFloat(value)/9999.99>=1){value=9999.99}"
                                />元
                            </div>
                        </li>
                        <li>
                            <span>券有效期</span>
                            <div>
                                <p>
                                    领取后<input type="tel"  placeholder="30"
                                    onfocus="this.select()"   class="input-day-amount voucherRelativeTime"
                                    onkeyup="this.value=this.value.replace(/[^\d]/ig,'');
                                    if(value>365)value=365"/>天内有效
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel voucher">取消</div>
                                <div class="sure voucher disabled" name="voucher-sure">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="dailog-form" id="qudao-kbk">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置口碑客
                            </div>
                        </li>
                        <li>
                            <span name="kbk_desc">开启口碑客</span>
                            <div>
                               <label class="label-switch" name="checkSwitch">
                                    <input type="checkbox">
                                    <div class="checkbox"></div>
                                </label>
                            </div>
                        </li>
                        <li class = "ischange disabled">
                            <span>分佣比例</span>
                            <div>
                                <input type="number" placeholder="请填写" maxlength="1" class="input-money percentageClauseRate"/>%
                            </div>
                        </li>
                        <li  class = "ischange disabled">
                            <span>分佣上限</span>
                            <div>
                                <div class="switch-label" name="fenyong-deadline">
                                    <span>不限制</span>
                                    <i class="zhk-list_rarrow"></i>

                                </div>
                                <p style="display:none;">
                                    <input type="number" placeholder="请填写" maxlength="" class="input-money percentageClauseMax"/>元
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel" name="kbk-cancel">取消</div>
                                <div class="sure kbk disabled" name="kbk-sure">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="dailog-form" id="qudao-zfb">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置支付宝
                            </div>
                        </li>
                        <li>
                            <span>专属优惠文案</span>
                            <div>
                                <input type="text" placeholder="非必填项" maxlength="20" class="input-active-name discountDoc"/>
                            </div>
                        </li>
                        <li>
                            <span>专属优惠图片</span>
                            <div class="discountPic">
                                <a href="#">非必选项 <i class="zhk-list_rarrow"></i></a>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel" name="zfb-cancel">取消</div>
                                <div class="sure" name="zfb-sure">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/yz-sm.min.js"></script>
<script src="../lib/template.js"></script>
<script src="../lib/swiper.min.js"></script>

<script src="../base/recalc.js" compress="../base/base.js"></script>
<script src="../base/dialog.js" compress="../base/base.js"></script>
<script src="../base/common.js" compress="../base/base.js"></script>
<script src="../base/appservice.js" compress="../base/base.js"></script>
<script src="../base/h5service.js" compress="../base/base.js"></script>
<script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
<script src="../js/activityCreateNewSmA.js" compress="../js/main.js"></script>
<script src="../js/activityCreateNewSmC.js" compress="../js/main.js"></script>
<script src="../js/activityCreateUtil.js" compress="../js/main.js"></script>
</body>
</html>
